<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<div style="position: absolute;background-color: blue">我是div</div>
<script>
var tween = {
    linea:function (t,b,c,d) {
        return c*t/d+b;
    },
    easeIn:function (t,b,c,d) {
        return c*(t/=d)*t+b;
    },
    strongEaseIn:function (t,b,c,d) {
        return c*(t/=d)*t*t*t*t+b;
    },
    stringEaseOut:function (t,b,c,d) {
        return c*((t=t/d-1)*t*t*t*t+1)+b;
    },
    sineaseIn:function (t,b,c,d) {
        return c*(t/=d)*t*t+b;
    },
    sineaseOut:function (t,b,c,d) {
        return c*((t=t/d-1)*t*t+1)+b
    }
}
var Animate = function (dom) {
    this.dom = dom;  //进行运动的dom节点
    this.startTime = 0; // 动画开始时间
    this.satrtPos = 0; //动画开始时间,dom节点的位置,即dom的初始位置.
    this.endpos = 0;  // 动画结束时,即dom的目标位置;
    this.propertyName = null;  // dom的节点需要被改变的css属性名称
    this.easingg = null; // 缓动算法
    this.duration = null;  // 动画持续时间
}
Animate.prototype.start = function (propertyName, endPos, duration, easing) {
    this.startTime = +new Date;
   // this.startPos =
}
</script>
</body>
</html>